<!DOCTYPE html>
<html dir="ltr" mozdisallowselectionprint moznomarginboxes>
<head>
<meta charset="utf-8">
<title>文件预览</title>
	<script src="jquery-3.2.3.min.js"></script>
	<link rel="stylesheet" href="viewer.css">
	<script type="text/javascript" src="pdf_preview_storage.js"></script>
    <script src="jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="common_reviewer.js"></script>
	<style type="text/css">
	
	.filetitle {
		min-width: 16px;
		padding: 10px 70px 6px 6px;
		border-radius: 2px;
		text-align: center;
		-webkit-user-select: none;
		-moz-user-select: none;
		cursor: default;
	}
	.viewerfont{
		color: hsl(0,0%,85%);
		font-size: 12px;
		line-height: 14px;
	  }
	.viewerListfont{
		 color: hsl(0,0%,100%,.8);
	 	 font-size: 13px;
	  	 line-height: 15px;
	  }
	.main{
		float:right;
	}
   	.right{
   		width:90%;
   	}
   	.left{
   		width:5%;
   	}
	.list {
	    float: left;
	    width: 180px;
	    background: #383C3B;
	 /*    height:624px; */
	   
	}

	.context {
	    border-left: 1px solid #111;
	}
	li{
	  list-style: none;
	  margin:10px;
	 }
	.hse1{ color:#eeeeee}
	.hse2{ color:#999}
	a:hover {color:#FFF}
	a {
		cursor:pointer;
	  }
   </style>
</head>

<body>
     <div class="wrapper">
	    <div id="list" class="list hse1">
		    <div id="toolbarSidebar" style="width:auto">
	          <div class="filetitle viewerfont" style="text-algin:center">
	          <span>文件预览清单</span>
	          </div>
	        </div>
	        <ul id="attachmentsView" class="hse1" style="word-wrap:break-word;">
		        <br/>
		        <br/>
	        </ul>
	    </div>
	    <div id="my" class="context" style="overflow:hidden">
	        <iframe id="myframe"  style="width:100%;height:688px;overflow:hidden"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	    </div>
	</div>
</body>
</html>